<extend name="Index/index" />
<block name="main">

	<link rel="stylesheet" type="text/css" href="__ROOT__/public/pubu/css/default.css" />
	<link rel="stylesheet" type="text/css" href="__ROOT__/public/pubu/css/component.css" />
	<script src="__ROOT__/public/pubu/js/modernizr.custom.js"></script>

	<!-- 开始瀑布 -->
	
	<div class="container">
			<ul class="grid effect-5 " id="grid">
			<div class="mt60"></div>

			<!-- <{:v(pubuliu)}> -->
				
				<!-- <volist name="pubuliu" id="v">
					<li><a href="<{:U('Article/index',array('aid'=>$v['art_id']))}>"><img src="__ROOT__/Uploads/<{$v['img']}>"></a></li>
				</volist> -->
				
				
				<li><a><img src="__ROOT__/public/pubu/images/1.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/2.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/3.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/4.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/5.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/6.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/7.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/8.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/9.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/10.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/11.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/12.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/13.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/14.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/15.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/16.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/17.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/18.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/19.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/20.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/21.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/22.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/23.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/24.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/25.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/26.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/28.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/29.jpg"></a></li>
				<li><a><img src="__ROOT__/public/pubu/images/30.jpg"></a></li>
			</ul>
	</div>
	<!-- 引入插件 -->
	<script src="__ROOT__/public/pubu/js/masonry.pkgd.min.js"></script>
	<script src="__ROOT__/public/pubu/js/imagesloaded.js"></script>
	<script src="__ROOT__/public/pubu/js/classie.js"></script>
	<script src="__ROOT__/public/pubu/js/AnimOnScroll.js"></script>
	<script>
		new AnimOnScroll( document.getElementById( 'grid' ), {
			minDuration : 0.4,
			maxDuration : 0.7,
			viewportFactor : 0.2
		} );
	</script>		
</block>
